
body {
	font: 13px Arial, Helvetica, sans-serif; 	
	color:#000;	
}
a{ 
	color:#000}
a:hover{ 	
	}
.top{
	height:0;
	width:0;
	text-indent:-9999px;
	margin:0;
	padding:0;
}
/*********/

#tnm-wrapper{
	margin:0 auto;
	width:1262px;
	}
	
    /**
    * o------------------------------------------------------------------------------o
	* o	Header
    * o------------------------------------------------------------------------------o
    */
#tnm-header{	
	width:1250px;
	margin:0 6px 4px;
	background:url(../images/loop-header.png) repeat-x left bottom;
	height:72px;
	position:relative
	}
#tnm-header .right{
	position:absolute;
	right:0;
	bottom:0;
	background:url(../images/ballon-hader.png) no-repeat;
	width:223px;
	height:71px;
	z-index:1}
#tnm-header .logo{
	position:absolute;
	left:8px;
	bottom:8px;
	z-index:20;
	}
/*mainmenu*/
.main-menu{
	right:7px;
	width:700px;
	margin:14px 0 0 0px;
	position:absolute;
	z-index:2
	}	
.main-menu li {	
	float: left;
	list-style-type:none;	
	margin: 0 0px 0 15px;
	font-size:15px
}
.main-menu li a,
.main-menu li.act a {	
	float:left;			
	background:url(../images/leftbt-sprites.png) no-repeat left top;
	color:#fff;	
	cursor:pointer;
    padding:0 0 0 16px;
	text-decoration:none	
}
.main-menu li span,
.main-menu li.act span{
	background:url(../images/rightbt-sprites.png) no-repeat right top;
	color:#fff;
	float:left;		
	padding:7px 18px 12px 2px;
	}	
.main-menu li a:hover,
.main-menu li.act a{
   background-position:0 -36px;
}
.main-menu li a:hover span,
.main-menu li.act span {
    background-position:100% -36px;
	color:#fff;
}
/**/ 
#tnm-body{	
	width:1262px;}
#tnm-body .tnm-containter{		
	overflow:hidden;
	width:1262px;
	}
	/**
    * o------------------------------------------------------------------------------o
	* o	Left Cell
    * o------------------------------------------------------------------------------o
    */
#tnm-leftcell{
	float:left;	
	}

    /**
    * o------------------------------------------------------------------------------o
	* o	Main Cell Content
    * o------------------------------------------------------------------------------o
    */ 
#tnm-maincell{
	float:left;	
	}
.tnm-col{
	width:627px;
	float:left;}
.title-tnm-col{
	background:url(../images/sprites.png) no-repeat;
	height:39px;
	width:605px;
	padding-left:22px;
	line-height:39px;
	font-size:15px;
	text-transform:uppercase;
	margin:0}
.tnm-col .content-tnm-col{
	background:url(../images/loop-content.png) repeat-y;
	width:605px;
	padding:22px 0px 6px 22px;
	overflow:hidden;
	position:relative}
.tnm-col .content-tnm-col-sub{
	background:url(../images/loop-content.png) repeat-y;
	width:617px;
	padding:10px 0px 0 10px;
	overflow:hidden;
	position:relative}
.tnm-col .bigyard,
.tnm-col .smallyard{	
	overflow:hidden;
	width:240px;
	float:left;
	margin-right:16px;
	}
.player7{
	width:240px;
	height:151px;
	background:url(../images/img-7player.jpg);
	position:relative;
}	
.player7 .number7{
	position:absolute;
	top:60px;
	left:102px;
	font-size:30px;
	font-weight:bold;
}
.player7 .table-name7{
	position:absolute;
	right:0;
	bottom:0;
	width:39px;
	height:35px;
	background:url(../images/bg-table7.png) no-repeat;
	color:#2dba02;
	font-size:25px;
	font-weight:bold;
	padding:5px 0 0 12px
}
.player5{
	width:155px;
	height:97px;
	background:url(../images/img-5player.jpg);
	position:relative;
}

.player5 .number5{
	position:absolute;
	top:30px;
	left:60px;
	font-size:30px;
	font-weight:bold;
}
.player5 .table-name5{
	position:absolute;
	right:0;
	bottom:0;
	width:31px;
	height:32px;
	background:url(../images/bg-table5.png) no-repeat;
	color:#2dba02;
	font-size:25px;
	font-weight:bold;
	padding:7px 0 0 10px
}

.tnm-col .smallyard{
	width:342px;
	margin-right:0;
}
.tnm-col .choose{
	margin-bottom:13px;
	float:left;
	}
.timeline{
	height:5px;
	width:100%;
	margin-bottom:1px	
}
.tnm-col .smallyard .choose{ margin-right:16px} 
.tnm-col .content-tnm-col .bt-getyard{
	
	width:142px;
	height:44px;
	display:block;
	position:absolute;
	right:195px;	
	bottom:40px}
.tnm-col .content-tnm-col .bt-getyard1{
	width:142px;
	height:44px;
	display:block;
	position:absolute;
	right:35px;	
	bottom:40px}

.bottom-tnm-col{
	background:url(../images/sprites.png) no-repeat 0 -39px;
	height:8px;
	width:627px
	}
.tnm-col.right{
	float:right}
.tnm-col.right .content-tnm-col{
	background:url(../images/loop-content.png) repeat-y;
	width:607px;
	padding:10px 10px 0px;
	overflow:hidden}
	
	
	
	#photo_gallery{
		width:980px;		
		float:left;
			/* Total width of slideshow */				
	}
	#photoContainer{									
		position:relative;		
		width:606px;			
		height:368px;		
		overflow:hidden;
	}
	#photoContainer .sub-ct{
		width:980px;	
	}
	#arr_left{
		position:absolute;
		cursor:pointer;
		left:0px;		
		z-index:10;			
	}
	#arr_right{
		position:absolute;
		cursor:pointer;
		right:0px;		
		z-index:10;
		
	}
	#photoImages{
		position:absolute;			
		left:19px;
		width:100000px;
		height:348px;
		z-index:8;				
	}
	#photoImages ul{
		float:left;
		height:348px;
		width:568px;
		margin:0;
		padding-left:0
		/*width:214px;	*/	
		}
	#photoImages li{ 
		float:left; 
		list-style-type:none;	
		width:108px;
		height:80px;
		margin:17px;		
		text-align:center;	
		background:url(../images/sprites.png) no-repeat -444px -255px;	
		}
	#photoImages li .text{
		margin:25px 0 0 68px;
		width:30px;
		font:bold 25px Arial;
		color:#818181;
		display:block}
	#photoImages li .money{
		margin:4px 0 0 10px;
		width:86px;
		font-size:15px;
		text-align:center;
		display:block
		}
	#photoImages li.end{ margin-right:9px}	
	#photoImages #slideEnd{
		float:left;
	}	
	#photoImages img{				
		cursor:pointer;		
	}
	
    /**
    * o------------------------------------------------------------------------------o
	* o	footer
	
    * o------------------------------------------------------------------------------o
    */
#tnm-footer{	
	width:1228px;
	margin:0 6px 4px;
	background:url(../images/loop-header.png) repeat-x left bottom;	
	position:relative;
	overflow:hidden;
	padding:24px 0 18px 22px;
	}
#tnm-footer .right{
	position:absolute;
	right:0;
	bottom:0;
	background:url(../images/ballon-hader.png) no-repeat;
	width:223px;
	height:71px;
	z-index:1}
#tnm-footer .tnm-article{
	width:330px;
	float:left;
	margin-right:10px}
#tnm-footer .title-article{
	background:url(../images/sprites.png) no-repeat -66px -176px;
	width:334px;
	padding-bottom:6px;
	font-size:15px;
	margin-top:0;
	text-transform:uppercase}
.list-system{
	background:url(../images/sprites.png) no-repeat -382px -63px;
	display:block;
	color:#ff0000;
	padding-left:15px}
.btn-lock{
	width:198px;
	height:44px;
	display:block}
#tnm-footer .clock{
	width:200px;
	height:200px;
	position:absolute;
	top:15px;
	right:0;
}


/* ====================== START Form style======================*/

.style-form {
	margin:0;
	line-height:16px;
	color:#4b4b4b;
}
form, dl, dt, dd {
	padding:0;
	margin:0;
}
.style-form dl {
	clear:both;
	min-height:30px; 			/* Dung cho FireFox*/
	height:auto !important;    /* Dung cho FireFox*/
	height:30px;
}
.style-form dl.gray {
	background-color:#f0f0f0; 
}
.style-form dt {
	float:left;
	clear:both;
	margin:10px 0;
	width:200px;
	
}
.style-form dd .errorMessage { color: #ff0000; }
.style-form .login{
	width:125px;
}
.style-form .other-form{
	width:280px;
}
.style-form dd {
	/*size:20px; */
	display:inline; 
	float:left;
	margin:6px 0;
	
}
.style-form dd input{
	width:200px;
	height:18px;	
}
.style-form .bt-submit-login {
	padding:15px 0 0 280px;
}
.button{
	width:auto;
	height:25px;
	float:left;
}

.button a{
	float:left;
	height:21px;
	width:auto;
	background:url(../images/bt-bg.jpg) repeat-x;
	padding:4px 10px 0 10px;
	-moz-border-radius: 5px;
	color:#fff;
}
.button a:hover{
	color:#e5111c;
	text-decoration:none;	
}
.style-form .bt_submit input {
	font-size:12px;
	font-family:arial
}
input.icon-calendar{
	background:url(../images/calendar.gif) #fff no-repeat 98% 60%;
	border:1px solid #CCC;
}
input.search{
	background:#fff url(../images/icon-search.jpg) no-repeat right;
	color:#999;
	border:1px solid #CCC;
}
/*  END Form style */


/* ====================== START Form style======================*/

#menuTarget{
		
}
/*  END Form style */


/* ====================== CangTin======================*/
.tnm-col-left{
	width:1015px;
	float:left;
	position:relative	
}
.title-tnm-col-left{
	background:url(../images/sub-title-left.png) no-repeat;
	height:39px;
	width:1015px;
	padding-left:22px;
	line-height:39px;
	font-size:15px;
	text-transform:uppercase;
	margin:0;
	}
.tnm-col-left .sort{
	position:absolute;
	top:8px;
	right:10px;
	height:39px;
}

.content-tnm-col-left{
	background:url(../images/sub-content-left.png) repeat-y;
	width:970px;
	padding:10px 45px 6px 22px;
	overflow:hidden;
	position:relative;
	height:460px}

.bottom-tnm-col-left{
	background:url(../images/sub-title-left.png) no-repeat 0 -40px;
	height:8px;
	width:1015px
	}
.content-tnm-col-left .sub-title-checkout{
	clear:both;
	color:#2dba02;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #e3e3e3;
	padding:20px 0 3px 0;
	margin:0 0 10px 0;
}
.tnm-col-right{
	float:left;
	width:240px;
	}
.title-tnm-col-right{
	background:url(../images/sub-title-right.png) no-repeat;
	height:39px;
	width:240px;
	padding-left:22px;
	line-height:39px;
	font-size:15px;
	text-transform:uppercase;
	margin:0}
.content-tnm-col-right{
	background:url(../images/sub-content-right.png) repeat-y;
	width:215px;
	padding:10px 10px 0px 15px;
	overflow:hidden;
	height:470px
	}

.bottom-tnm-col-right{
	background:url(../images/sub-title-right.png) no-repeat 0 -40px;
	height:8px;
	width:240px
	}
	
.note-left{
	background:#7dd75a; 
	float:left;
	text-align:center;
	padding:3px 8px;
}
.note-right{
	background:#d2d2d2; 
	float:left;
	text-align:center;
	padding:3px 8px;
	margin-left:10px;
}

#sub-col-right{
	width:215px;
	position:relative;
}
#sub-col-right .player5{
	clear:both;
	text-align:center;
	margin-left:30px;
	width:155px;
}
#sub-col-right .play-number{
	position:absolute;
	font-size:24px;
	font-weight:bold;
	top:90px;
	left:93px;
	z-index:20;
}
#sub-col-right .sub-title{
	clear:both;
	color:#2dba02;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #e3e3e3;
	padding:20px 0 3px 0;
	margin:0 0 10px 0;
}
#sub-col-right .sub-title img{
	float:right;	
}

#sub-col-right .sub-content ul{
	margin:0;
	padding:0;	
}
#sub-col-right .sub-content li{
	list-style:none;
	display:inline;
	padding:5px 0;
	float:left;
	width:110px;
	font-weight:bold;
}
#sub-col-right .sub-content li.num{
	width:15px;	
	font-weight:normal;
}

#sub-col-right .option{
	margin:0; 
	padding:0;
}
#sub-col-right .option ul{
	margin:10px 0; 
	padding:0;
}
#sub-col-right .option li{
	display:inline;
	float:left;
	margin:0 10px;
	text-align:center;
}
.content-tnm-col-left .option{
	margin:0; 
	padding:0;
}
.content-tnm-col-left .option ul{
	margin:10px 0; 
	padding:0;
}
.content-tnm-col-left .option li{
	display:inline;
	float:left;
	margin:0 10px;
	text-align:center;
}

.paging{
	clear:both;
	padding:15px 0 20px 0;
	text-align:center
}
.paging{
	margin:0; padding:0;
}
.paging li{
	list-style:none;
	display:inline	
}


/*  END Form style */

/*========= START Class for Table - Used for all table ============*/ 
.DataTable {
	width:100%;
	float:left;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	margin-bottom:10px;
}
.DataTable .head {
	background-color:#e1e7ed;
}
.DataTable .head td{
	border:none;
	padding:6px 3px 6px 5px;
	font-weight:bold;
	border-left:1px #e0e0e0 solid;
}

.DataTable td {
	border-bottom:1px #e0e0e0 solid;
	border-left:1px #e0e0e0 solid;
	padding:6px 3px 6px 5px;
}
.DataTable .odd{
	background:#f1f1f1;
}
.DataTable .even{
	background:#fff;
}
.DataTable .rowHover {
	background-color:#dbe6f1;
}
.DataTable .rowSelection {
	background-color:#f3cccf;
}

/*========= START Popup ============*/

.table-add-drink{
	width:470px;
	height:350px;
	float:left;
	overflow:auto;	
}
.table-checkout{
	width:100%;
	height:450px;
	float:left;
	overflow:auto;	
}
.total{
	font-weight:bold;
	font-size:14px; 
	padding:20px 0 20px 80px;
	clear:both;
}
.pp-new-customer{
	float:left;
	margin:10px 0 0 5px;	
}